<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Consulta de stock</ui:define>
	<ui:define name="contenido">
		<h:outputLabel styleClass="titulo">
			<strong>Consulta de stock</strong>
		</h:outputLabel>
		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="tercio">

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboOpeLog" value="Ope. log:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboOpeLog" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgOpeLog" style="line-height:100%;"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgOpeLog" value="Log de Operaci&#243;n" />
									</div>
								</div>
								<p:message for="cboOpeLog" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDepartamento" value="Departamento:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtDepartamento"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDepartamento"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDepartamento" value="Departamento" />
									</div>
								</div>
								<p:message for="txtDepartamento" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCampanya" value="Campaña:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtCampanya" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCampanya"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCampanya" value="Campaña" />
									</div>
								</div>
								<p:message for="txtCampanya" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtPremio" value="Premio:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtPremio" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgPremio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgPremio" value="Premio" />
									</div>
								</div>
								<p:message for="txtPremio" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFeria" value="Feria:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="txtFeria" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFeria"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFeria" value="Feria" />
									</div>
								</div>
								<p:message for="txtFeria" />
							</div>
						</div>
						<div class="dostercios">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboAlmacen" value="Gestor almac&#233;n:" />
									</div>
									<div class="dostercios">
										<div class="combo">
											<p:selectOneMenu id="cboGestorAlmacen"
												styleClass="selectOneMenu">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItem itemLabel="Option 1" itemValue="1" />
												<f:selectItem itemLabel="Option 2" itemValue="2" />
												<f:selectItem itemLabel="Option 3" itemValue="3" />
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgGestorAlmacen"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgGestorAlmacen"
												value="Gestor de Almac&#233;n" />
										</div>
									</div>
									<p:message for="cboGestorAlmacen" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtProducto" value="Producto:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtProducto" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgProducto"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgProducto" value="Producto" />
										</div>
									</div>
									<p:message for="txtProducto" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCodProducto"
											value="C&#243;digo producto:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCodProducto" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCodProducto"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCodProducto"
												value="C&#243;digo de Producto" />
										</div>
									</div>
									<p:message for="txtCodProducto" />
								</div>

							</div>
							<div class="mitad">

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtFechaInicio" value="Fecha de Inicio:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:calendar id="txtFechaInicio"
												onkeypress="agregarSlash(this);" locale="es"
												pattern="dd/MM/yyyy" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgFechaInicio"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgFechaInicio" value="Fecha de Inicio" />
										</div>
									</div>
									<p:message for="txtFechaInicio" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtFechaFin" value="Fecha de Fin:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:calendar id="txtFechaFin" onkeypress="agregarSlash(this);"
												locale="es" pattern="dd/MM/yyyy" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgFechaFin"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgFechaFin" value="Fecha de Fin" />
										</div>
									</div>
									<p:message for="txtFechaFin" />
								</div>

							</div>
							<div>
								<div class="completo">
									<div class="tercio" style="width: 15%">
										<h:outputLabel value="Tipo de stock:" />
									</div>
									<div class="dostercios" style="width: 85%">
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Todos" style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Nueva Adquisici&#243;n"
												style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Completar faltante" style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Reponer pieza" style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Reasig. Int." style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Reasig. Ext." style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Comprometidos" style="float:left" />
										</div>
										<div class="tercio">
											<p:selectBooleanCheckbox style="float:left" />
											<h:outputLabel value="Devueltos" style="float:left" />
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Detalle del stock</h2>
			<p:separator />

			<div class="opcionesTabla">
				<!-- <p:commandButton value="Ver kardex" onclick="dlgVerKardex.show();"
					icon="ui-icon-contact" /> -->
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<div style="clear: both;"></div>
			</div>
			<div class="">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="stock" value="#{stockService.lstStock}"
					scrollable="true" scrollHeight="150">
					<p:column styleClass="item">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="#{stock.sItem}" />
					</p:column>

					<p:column styleClass="codigo">
						<f:facet name="header">
							<h:outputText value="Cod_BBVA" />
						</f:facet>
						<p:commandLink onclick="dlgVerKardex.show()" title="Ver kardex">
							<h:outputText value="#{stock.sCodBBVA}" />
						</p:commandLink>
					</p:column>

					<p:column styleClass="codigo">
						<f:facet name="header">
							<h:outputText value="Cod_OL" />
						</f:facet>
						<h:outputText value="#{stock.sCodOL}" />
					</p:column>

					<p:column styleClass="producto">
						<f:facet name="header">
							<h:outputText value="Producto" />
						</f:facet>
						<h:outputText value="#{stock.sProducto}" />
					</p:column>
					<p:column styleClass="departamento">
						<f:facet name="header">
							<h:outputText value="Departamento" />
						</f:facet>
						<h:outputText value="#{stock.sDepartamento}" />
					</p:column>
					<p:column styleClass="companya">
						<f:facet name="header">
							<h:outputText value="Campaña" />
						</f:facet>
						<h:outputText value="#{stock.sCampanya}" />
					</p:column>
					<p:column styleClass="premio">
						<f:facet name="header">
							<h:outputText value="Premio" />
						</f:facet>
						<h:outputText value="#{stock.sPremio}" />
					</p:column>
					<p:column styleClass="feria">
						<f:facet name="header">
							<h:outputText value="Feria" />
						</f:facet>
						<h:outputText value="#{stock.sFeria}" />
					</p:column>
					<p:column styleClass="tipoStock">
						<f:facet name="header">
							<h:outputText value="Tipo de stock" />
						</f:facet>
						<h:outputText value="#{stock.sTipoStock}" />
					</p:column>
					<p:column styleClass="cantidad">
						<f:facet name="header">
							<h:outputText value="Ingresados" />
						</f:facet>
						<h:outputText value="#{stock.iIngresados}" />
					</p:column>
					<p:column styleClass="cantidad">
						<f:facet name="header">
							<h:outputText value="Faltantes" />
						</f:facet>
						<h:outputText value="#{stock.iFaltantes}" />
					</p:column>
					<p:column styleClass="gestor">
						<f:facet name="header">
							<h:outputText value="Gestor" />
						</f:facet>
						<h:outputText value="#{stock.sGestor}" />
					</p:column>

					<p:column styleClass="operador">
						<f:facet name="header">
							<h:outputText value="Oper. log." />
						</f:facet>
						<h:outputText value="#{stock.sOperLog}" />
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(stockService.lstStock)}  
        		    </f:facet>
				</p:dataTable>
			</div>
			<div style="clear: both;"></div>
		</h:form>
		<!-- CONSULTAR STOCK -->

		<p:dialog header="Kardex" widgetVar="dlgVerKardex" modal="true"
			width="800" position="top">
			<h:form>
				<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
				<p:accordionPanel>
					<p:tab title="">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCodBbva" value="C&#243;digo BBVA:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCodBbva" disabled="true" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCodBbva"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCodBbva" value="C&#243;digo de BBVA" />
										</div>
									</div>
									<p:message for="txtCodBbva" />
								</div>

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtProductoKardex" value="Producto:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtProductoKardex" disabled="true" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgProductoKardex"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgProductoKardex" value="Producto" />
										</div>
									</div>
									<p:message for="txtProductoKardex" />
								</div>

							</div>
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCodOl" value="C&#243;digo OL:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCodOl" disabled="true" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCodOl"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCodOl" value="C&#243;digo OL" />
										</div>
									</div>
									<p:message for="txtCodOl" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCantidadActual"
											value="Cantidad Actual:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCantidadActual" disabled="true" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCantidadActual"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCantidadActual" value="Cantidad Actual" />
										</div>
									</div>
									<p:message for="txtCantidadActual" />
								</div>
							</div>
						</div>
						<div class="boton"></div>
						<div style="clear: both;"></div>
						<!-- </p:panel>
				 -->
					</p:tab>
				</p:accordionPanel>
				<h2>Detalle de Kardex</h2>
				<p:separator />
				<div class="scrollTabla">
					<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
						style="width: 100%" var="kardex"
						value="#{kardexService.lstKardex}">
						<p:column styleClass="item">
							<f:facet name="header">
								<h:outputText value="Item" />
							</f:facet>
							<h:outputText value="#{kardex.sItem}" />
						</p:column>
						<p:column styleClass="guia">
							<f:facet name="header">
								<h:outputText value="Gu&#237;a" />
							</f:facet>
							<h:outputText value="#{kardex.sGuia}" />
						</p:column>

						<p:column styleClass="tipoMovimiento">
							<f:facet name="header">
								<h:outputText value="Tipo de Mov." />
							</f:facet>
							<h:outputText value="#{kardex.sTipoMovimiento}" />
						</p:column>

						<p:column styleClass="motivo">
							<f:facet name="header">
								<h:outputText value="Motivo" />
							</f:facet>
							<h:outputText value="#{kardex.sMotivo}" />
						</p:column>

						<p:column styleClass="tipoSolicitud">
							<f:facet name="header">
								<h:outputText value="Tipo de solicitud" />
							</f:facet>
							<h:outputText value="#{kardex.sTipoSolicitud}" />
						</p:column>

						<p:column styleClass="cantidad">
							<f:facet name="header">
								<h:outputText value="Cantidad" />
							</f:facet>
							<h:outputText value="#{kardex.iCantidad}" />
						</p:column>
						<p:column styleClass="fechaHora">
							<f:facet name="header">
								<h:outputText value="Fecha de movimiento" />
							</f:facet>
							<h:outputText value="#{kardex.sFecMovimiento}" />
						</p:column>
						<f:facet name="footer">  
          			 Total registros #{fn:length(kardexService.lstKardex)}  
        		</f:facet>
					</p:dataTable>
				</div>
				<div class="opcionesTabla" style="text-align: left;">
					<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<div style="clear: both;"></div>
				</div>
				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>


	</ui:define>
</ui:composition>